<h1 data-bind="text: title"></h1>
<div class="row justify-content-center">
    <div class="col-sm-12 col-md-8 col-lg-5">
        <form>
            <div class="form-group">
                <label for="email">Your email address</label>
                <input id="email" type="email" class="form-control" aria-describedby="emailHelp" placeholder="Enter email">
            </div>
            <div class="form-group">
                <label for="password">Password</label>
                <input id="password" type="password" class="form-control" placeholder="Password">
            </div>
            <button class="btn btn-primary" data-bind="click: onLoginClick">Login</button>
            <small class="form-text text-muted">
                Need to create an account? Head over to
                <a data-bind="click: onRegisterLinkClick" href="#">registration page</a>!
            </small>
        </form>
    </div>
</div>